.coupons{
	/*padding:43rpx 40rpx 0 40rpx;*/
	margin-top:43rpx;
	height: 100%;
	border-top: 0 none;
	&--noMore{
		position: relative;
		&:before{
			content:'暂且还没有卡券信息, 赶紧去领券吧';
			position: absolute;
			width: 100%;
			top:50%;
			transform: translateY(-50%);
			text-align: center;
			height: 50rpx;
		}
	}
	&__items{
		margin:0 40rpx 35rpx 40rpx;
		padding-bottom: 30rpx;
		background: url('') no-repeat center 368rpx;
		/*height: 368rpx;*/
	}
	&--use>.coupons__header{
		background:#09BB07;	
		color:white;
	}
	&--expired,&--complete{pointer-events: none;}
	&--expired>.coupons__header{
	    background:#dedede;
		color:#777;
	}
	&--complete>.coupons__header{
		background:#f3bd4f;	
		color:white;	
	}
	&__header{
		height: 102rpx;
		font-size:34rpx;
		line-height: 102rpx;
		border-top-left-radius: 10rpx;
		border-top-right-radius: 10rpx;
		padding:0 34rpx 0 39rpx;
	}
	&__category{
		font-size:24rpx;
	}
	&__body{
		background:white;
		height: 266rpx;
		padding:30rpx 0 0 30rpx;
		/*margin-bottom: 30rpx;*/
		box-sizing:border-box;
		display: flex;
		justify-content: space-between;
		width: 100%;
		/*position: relative;
		canvas{
			position:absolute;
			width:152rpx;
			height:150rpx;
			right:40rpx;
			top:60rpx;
		}*/
	}
	&__info{
		height: 100%;
		display: flex;
		flex: 1;
		color:red;
		flex-direction: column;
		justify-content: space-around;
	}
	&__name{
		color:#000;
		font-size: 34rpx;
		display: block;
	}
	&__date,&__deadline{
		display: block;
		color:#888;
		font-size:28rpx;
	}
	&__qr{
		display: flex;
		align-items: center;
		position: relative;;	
		image{
			width:213rpx;
			height:123rpx;
			padding: 16rpx;
			vertical-align: top;
		}
		.qr{
			width:57px;
			height:57px;
		}
	}
}